<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>组件存在期</title>
    <link rel="stylesheet" href="less/01.less">

</head>
<body>
<div id="app"></div>
<div class="item">1 1 1</div>
<div class="item">2 2 2</div>
<div class="item">3 3 3</div>
<div class="item">4 4 4</div>
<div class="item">5 5 5</div>
<div class="item">6 6 6</div>
<div class="item">7 7 7</div>
<div class="item">8 8 8</div>
<div class="item">9 9 9</div>
<div class="item">10 10 10</div>
<div class="item">11 11 11</div>
<div class="item">12 12 12</div>
<div class="item">13 13 13</div>
<div class="item">14 14 14</div>
<div class="item">15 15 15</div>
<div class="item">16 16 16</div>
<div class="item">17 17 17</div>
<div class="item">18 18 18</div>
<div class="item">19 19 19</div>
<div class="item">20 20 20</div>
<div class="item">21 21 21</div>
<div class="item">22 22 22</div>
<div class="item">23 23 23</div>
<div class="item">24 24 24</div>
<div class="item">25 25 25</div>
<div class="item">26 26 26</div>
<div class="item">27 27 27</div>
<div class="item">28 28 28</div>
<div class="item">29 29 29</div>
<div class="item">30 30 30</div>
<div class="item">31 31 31</div>
<div class="item">32 32 32</div>
<div class="item">33 33 33</div>
<div class="item">34 34 34</div>
<div class="item">35 35 35</div>
<div class="item">36 36 36</div>
<div class="item">37 37 37</div>
<div class="item">38 38 38</div>
<div class="item">39 39 39</div>
<div class="item">40 40 40</div>
<div class="item">41 41 41</div>
<div class="item">42 42 42</div>
<div class="item">43 43 43</div>
<div class="item">44 44 44</div>
<div class="item">45 45 45</div>
<div class="item">46 46 46</div>
<div class="item">47 47 47</div>
<div class="item">48 48 48</div>
<div class="item">49 49 49</div>
<div class="item">50 50 50</div>
<div class="item">51 51 51</div>
<div class="item">52 52 52</div>
<div class="item">53 53 53</div>
<div class="item">54 54 54</div>
<div class="item">55 55 55</div>
<div class="item">56 56 56</div>
<div class="item">57 57 57</div>
<div class="item">58 58 58</div>
<div class="item">59 59 59</div>
<div class="item">60 60 60</div>
<div class="item">61 61 61</div>
<div class="item">62 62 62</div>
<div class="item">63 63 63</div>
<div class="item">64 64 64</div>
<div class="item">65 65 65</div>
<div class="item">66 66 66</div>
<div class="item">67 67 67</div>
<div class="item">68 68 68</div>
<div class="item">69 69 69</div>
<div class="item">70 70 70</div>
<div class="item">71 71 71</div>
<div class="item">72 72 72</div>
<div class="item">73 73 73</div>
<div class="item">74 74 74</div>
<div class="item">75 75 75</div>
<div class="item">76 76 76</div>
<div class="item">77 77 77</div>
<div class="item">78 78 78</div>
<div class="item">79 79 79</div>
<div class="item">80 80 80</div>
<div class="item">81 81 81</div>
<div class="item">82 82 82</div>
<div class="item">83 83 83</div>
<div class="item">84 84 84</div>
<div class="item">85 85 85</div>
<div class="item">86 86 86</div>
<div class="item">87 87 87</div>
<div class="item">88 88 88</div>
<div class="item">89 89 89</div>
<div class="item">90 90 90</div>
<div class="item">91 91 91</div>
<div class="item">92 92 92</div>
<div class="item">93 93 93</div>
<div class="item">94 94 94</div>
<div class="item">95 95 95</div>
<div class="item">96 96 96</div>
<div class="item">97 97 97</div>
<div class="item">98 98 98</div>
<div class="item">99 99 99</div>
<div class="item">100 100 100</div>

<!--引入库文件-->
<script type="text/javascript" src="lib/react.js"></script>
<script type="text/javascript" src="lib/react-dom.js"></script>
<script type="text/javascript" src="jsx/03.jsx"></script>
</body>
</html>